<template>
	<view class="content">
		<swiper vertical>
			<swiper-item v-for="(item,index) in list" :key='index'>
				<view class="swiper-item">
					<video :src="item.video" controls></video>
				</view>
			</swiper-item>
		</swiper>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				page:1,
				count:5,
				list:[]
			}
		},
		onLoad() {
			uni.request({
			    url: `https://api.apiopen.top/getJoke?page=${this.page}&count=${this.count}&type=video`, //仅为示例，并非真实接口地址。
			    success: (res) => {
			        // console.log(res.data.result);
					this.list=res.data.result
			    }
			});
		},
		methods: {

		}
	}
</script>

<style lang="less">
	swiper{
		height: 100vh;
	}
	.swiper-item{
		height: 100vh;
		video{
			width: 100vw;
			height: 100vh;
		}
	}
</style>
